<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>寻ta千百度-寻人</title>
		<style>
			.kong{
				height: 10px;
			}
		</style>
	</head>
	<body>
    <form id="test" action="/release" method="post" enctype="multipart/form-data">
		<table class="form" cellpadding="0" cellspacing="0" style="width: 100%;">
					<tr class="kong"></tr>
					<tr>
						<td></td>
						<td style="color: darkgray;">
							<span style="color: red;">提示：</span>本功能主要适用于校园寻人，人口丢失请移步<a href="http://chinaxrw.com/" target="_blank">中国寻人网</a>
						</td>
					</tr>
				    <tr class="kong"></tr>
				    <tr style="height: 29px;">
				      <td align="right" style="width: 100px;">信息标题<span style="color: red;">*</span>&nbsp;</td>
				      <td colspan="3"><input style="width: 400px;" rangelength="[4,23]" required id="title" name="title" onchange="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'');"></td>
				    </tr>
				    <tr class="kong"></tr>
				    <tr>
				      <td align="right">详细描述&nbsp;&nbsp;</td>
				      <td colspan="3">
						  <textarea id="detail" name="detail" style="width:700px;height:300px;">
						  </textarea>
				      </td>
				    </tr>
				    <tr class="kong"></tr>
				    <tr>
				      <td align="right" style="height: 29px;">邂逅地点&nbsp;&nbsp;</td>
				      <td><input type="text" name="lostPlace"></td>
				      <td align="right" style="width: 80px;">邂逅时间<span style="color: red;">*</span>&nbsp;</td>
				      <td>
				      	<input type="text" id="lostTime" name="lostTime" required value="" class="Wdate" readonly="readonly" style="cursor: pointer;width: 150px;" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',vel:'d244_2'})">
				      </td>
				    </tr>
				    <tr class="kong"></tr>
					<tr>
						<td align="right" style="height: 29px;">联系人<span style="color: red;">*</span>&nbsp;</td>
						<td><input style="width: 170px;" id="contactPerson" name="contactPerson" rangelength="[2,7]" required></td>
						<td align="right">联系地址&nbsp;&nbsp;</td>
						<td><input id="address" name="address" style="width: 220px;"></td>
					</tr>
					<tr class="kong"></tr>
					<tr>
						<td align="right">邮箱&nbsp;&nbsp;</td>
						<td>
							<input type="email" id="email" name="email">
						</td>
				      	<td align="right">手机&nbsp;&nbsp;</td>
						<td  style="width: 300px;height: 29px;">
				      		<input id="mobile" isPhone="true" name="mobile" style="width: 120px;" value="">
				      	</td>
				    </tr>
				    <tr class="kong"></tr>
				    <tr>
				    	<td align="right">QQ&nbsp;&nbsp;</td>
				    	<td><input id="qq" name="qq" style="width: 120px;" value=""></td>
				    	<td align="right">验证码<span style="color: red;">*</span>&nbsp;</td>
				    	<td>
                            <input type="text" size="5" name="random" id="random" isPass="true" isLen="true"maxlength="5" style="float: left;">
							<img title="看不清?换一张" id="randomcodeimg" src="/randomcode" style="margin-left: 2px; cursor: pointer;float: left;" onclick="refresh()">
						</td>
				    </tr>
				    <tr class="kong"></tr>
				    <tr style="height: 29px;">
				    	<td align="right">酬谢方式&nbsp;&nbsp;</td>
				    	<td style="color: red;"><input type="checkbox" name="thanks" value="1">通过寻ta千百度失物招领平台发布感谢</td>
                        <td align="right">
                            <input type="checkbox" name="promise" id="promise" value="1">支付酬金&nbsp;&nbsp;
                        </td>
                        <td>
                            <input type="number" name="remuneration" id="remuneration" isP="true" min="1" style="width: 150px;"/>
                        </td>
				    </tr>
				    <tr style="height: 20px;"></tr>
				    <tr>
				    	<td colspan="4" align="center">
							<input type="submit" value="朕 要 发 布" name="btn-release"/>
				    	</td>
				    </tr> 
				</table>
        <input type="hidden" name="type" value="2">
        </form>

        <script type="text/javascript" src="js/jquery-3.3.0.js" ></script>
        <script src="js/jquery-validate/jquery.validate.min.js"></script>
        <script src="js/jquery-validate/messages_zh.js"></script>
        <script src="js/myValidate.js"></script>
        <script charset="utf-8" src="editor/kindeditor-all.js"></script>
        <script charset="utf-8" src="editor/lang/zh-CN.js"></script>
        <script>
			$(function () {
				// 手动实例化
				function kindEditor(id) {
					window.editor = KindEditor.create(id, {
						width: '700px',
						height: '300px',
						uploadJson: '/upload',
						allowFileUpload:false,
						items : [
							'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste',
							'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
							'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
							'superscript', 'quickformat', 'selectall', '|', 'fullscreen', '/',
							'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
							'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image',
							'insertfile', 'table', 'hr','emoticons', 'baidumap', 'pagebreak',
							'anchor', 'link', 'unlink', '|','about'
						]   // 在这里可以删除不需要的功能
					})
				}
				kindEditor('#detail');
			});
        </script>
	<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
	<script>
		L2Dwidget.init({
			"model": {
				//jsonpath控制显示那个小萝莉模型，
				//(切换模型需要改动)
//				"https://unpkg.com/(live2d-widget-model-koharu)@1.0.5/assets/(koharu).model.json"
				jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
				"scale": 1
			},
			"display": {
				"position": "right", //看板娘的表现位置
				"width": 150,  //小萝莉的宽度
				"height": 300, //小萝莉的高度
				"hOffset": 0,
				"vOffset": -20
			},
			"mobile": {
				"show": true,
				"scale": 0.5
			},
			"react": {
				"opacityDefault": 0.7,
				"opacityOnHover": 0.2
			}
		});
	</script>
	</body>
</html>
